<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // ajax ===async javascript and xml(闭合标签)
      // json.parse()

      // 1.创建 XHR new XMLHttpRequest()
      var xhr = new XMLHttpRequest();
      console.log(xhr);

      // 2.配置 open(请求方式，请求地址，是否异步)
      // true 表示异步请求
      // false 表示同步请求
      xhr.open(
        "GET",
        // localhost 本机域名  127.0.0.12 本机ip
        "http://127.0.0.1:5500/16%E5%89%8D%E5%90%8E%E7%AB%AF%E4%BA%A4%E4%BA%92/1.txt",
        true
      );

      // 3.send
      xhr.send(); // 没有send()就没有readyState==4

      // 4.接收数据,注册一个事件
      xhr.onload = function () {
        if (xhr.status == 200) {
          console.log(xhr.responseText);
        }
      };
      console.log(111111111);
    </script>
  </body>
</html>
